<!--navbar-->
<div class="navbar">
    <div class="navbar-inner row" style="background-color: transparent">
        <div class="left case-detail-previous col-20" onclick="history.back(-1)">
            <span><i class="f7-icons size-16">left</i></span>
        </div>
        <div class="center col-60"></div>
        <div class="right case-detail-menu col-15">
            <div class="menu-circle">
                <span class="menu-icon"></span>
                <ul class="menu-circle-list">
                    <li class="home"><a href=""><span></span>首页</a></li>
                    <li class="msg"><a href=""><span></span>消息</a></li>
                    <li class="share"><a href=""><span></span>分享</a></li>
                    <li class="search"><a href=""><span></span>搜索</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Page, data-page contains page name-->
<div data-page="page.center.store.caseDetail.index" class="page no-toolbar">
    <div class="page-content case-detail-scroll">
        <!--店铺头部-->
        
        
           
        <div class="case-detail-header" style="background-image: url('app/images/case-detail-header.jpg')">
            <div class="case-detail-header" 
            style="background-image: url( {{App.conf.SITE}}/{{d.shop_successdetail.success_case.pic}})"></div>
        </div>
        <!--标题栏-->
        <div class="header-title">
            <p class="title">
            {{d.shop_successdetail.success_case.title}}
            </p>
            <p class="second-line">
                <span class="price">价格：<span class="money">￥10000.00</span></span>
                <span class="cycle">周期：30天</span>
            </p>
            <p class="three-line">
                <span class="category">类型：{{d.shop_successdetail.success_case.cate_name}}</span>
                <span class="industry">行业：{{d.shop_successdetail.success_case.cate_name}}</span>
            </p>
        </div>
        <!--个人信息栏-->
        <div class="info-box row no-gutter">
            <div class="col-20">
                <div class="img">
                    <img src="" alt="">
                </div>
            </div>
            <div class="col-50">
                <p class="name">一点品牌策划机构</p>
                <p class="city">山东 青岛</p>
            </div>
            <div class="col-30">
                <a href="" class="invitation">请他服务</a>
            </div>
        </div>
        <!--详细介绍-->
        <div class="detail-intro">
            <p class="customer">客户：{{d.shop_successdetail.success_case.cate_name}}</p>
            <p class="date">时间：{{d.shop_successdetail.success_case.created_at}}</p>
            <p class="creative-intro">
               {{d.shop_successdetail.success_case.desc}}
            </p>
        </div>
        <!--相关服务-->
        <div class="related-services">
            <div class="title-line"></div>
            <div class="title">相关案例</div>
            <!--列表4个start-->
            {{#each d.shop_successdetail.list}}
            <a href="" class="content row" onclick="router('caseDetail',{{id}})">
                <div class="img col-25">
                    <img src="{{pic}}" alt="">
                </div>
                <div class="info col-75">
                    <p class="info-title">{{title}}</p>
                    <p class="row">
                        <span class="price col-70">{{created_at}}</span>
                        <span class="deal col-30">  {{name}} </span>
                    </p>
                </div> 
            </a> 
            {{/each}} 
            
            <!--<a href="" class="content row">-->
            <!--    <div class="img col-25">-->
            <!--        <img src="" alt="">-->
            <!--    </div>-->
            <!--    <div class="info col-75">-->
            <!--        <p class="info-title">【LOGO设计】公司企业公司企业品牌形象标志设计</p>-->
            <!--        <p class="row">-->
            <!--            <span class="price col-50">￥10000.00</span>-->
            <!--            <span class="deal col-50">成交量200</span>-->
            <!--        </p>-->
            <!--    </div>-->
            <!--</a>-->
            <!--列表4个end-->
        </div>
    </div>
    <div class="case-detail-toolbar tabbar tabbar-labels">
        <div class="toolbar-inner">
            <a href="" class="link contact-case-detail">
                <p>
                    <span class="icon contact-icon"></span>
                    <span class="label">联系他</span>
                </p>
            </a>
            <a href="" class="link invitation-case-detail">
                <p>
                    <span class="icon invitation-icon"></span>
                    <span class="label">请他服务</span>
                </p>
            </a>
        </div>
    </div>

</div>